@import "viewBasic";

.view {

  .inputLine {
    display: block;
    //outline: solid 1px;
    text-align: center;

    @fs: 30px;
    font-size: @fs;

    .output {
      width: 50px;
      //outline: solid 1px;
      .ENG();
    }

    .numberInput {
      .MyCharInput();
      font-size: @fs;
      min-width: 50px;
    }

  }

  .start {
    .startBtn();
  }

  .table {
    width: 100%;
    //height: 800px;

    @lineH: 20px;
    margin: 20px auto;
    //outline: solid 1px;

    .tableTitle {
      @H: 50px;
      height: @H;
      text-align: center;
      line-height: @H;
      font-size: 25px;
      //background-color: red;
      .CH();
    }

    .line {
      width: @lineH*(15+1); // 11 是在js里绑定好的
      height: @lineH;
      margin: 0 auto;

      .box {
        float: left;
        width: @lineH;
        height: @lineH;
        //outline: solid 1px gray;

        line-height: @lineH;
        text-align: center;
      }

      .titleBox {
        background-color: black;
        font-weight: bolder;
      }

      .delBox {
        //opacity: 0.5;
        //visibility: hidden;
      }
    }

  }


}
